<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	<link rel="stylesheet" type="text/css" href="css/core.css"/>
		<link rel="stylesheet" type="text/css" href="vendor/hover-effects.css"/>
		<link rel="stylesheet" type="text/css" href="vendor/jq22-demo.css"/>
		<link rel="stylesheet" type="text/css" href="vendor/normalize.css"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

	</head>

	<body>
		<!--<div class="header">
			<div class="logo">
				<img src="img/02-01_02.jpg" />
			</div>
			<div class="nav1">
				<ul class="nav">
					<li>WHAT WE DO</li>
					<li>OUR WORK</li>
					<li>CLIENTS</li>
					<li>TEAM</li>
					<li>OFFICES</li>
					<li>EXPERIMANTES</li>
				</ul>
			</div>
			<div class="XL">
				<img src="img/XL.png" />
			</div>
		</div>-->
		<header class="jw-header">
			<nav class="jw-header-nav">
				<div class="jw-hide-nav">	
					<div class="jw-hide-nav-middle">
						<img width="40px" height="40px" src="img/XL.png" />
					</div>
					
				</div>
				<ul class="jh-nav-list">
					<li class="jh-nav-logo">
						
					</li>
					<li>
						<a href="index1.html">WHAT WE DO</a>
					</li>
					<li>
						<a href="index2.html">OUR WORK</a>
					</li>
					<li>
						<a href="index3.html">CLIENTS</a>
					</li>
					<li>
						<a href="index4.html">TEAM</a>
					</li>
					<li>
						<a href="index5.html">OFFICES</a>
					</li>
					<li>
						<a href="index6.html">EXPERIMANTES</a>
					</li>
															
				</ul>
			</nav>
		</header>
		<div class="i2-content" style="height: 1121px;">
			
		    	<ul>
		        	<li class="li">
		            	<div class="port-7 effect-1">
		                	<div class="image-box">
		                    	<img src="img/i2-01.jpg" alt="Image-1">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Business Developer</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-2">
		                	<div class="image-box">
		                    	<img src="img/i2-02.jpg" alt="Image-2">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-3">
		                	<div class="image-box">
		                    	<img src="img/i2-03.jpg" alt="Image-3">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		        </ul>
			<ul>
		        	<li class="li">
		            	<div class="port-7 effect-1">
		                	<div class="image-box">
		                    	<img src="img/i2-04.jpg" alt="Image-1">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-2">
		                	<div class="image-box">
		                    	<img src="img/i2-05.jpg" alt="Image-2">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-3">
		                	<div class="image-box">
		                    	<img src="img/i2-06.jpg" alt="Image-3">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		        </ul>
			<ul>
		        	<li class="li">
		            	<div class="port-7 effect-1">
		                	<div class="image-box">
		                    	<img src="img/i2-07.jpg" alt="Image-1">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-2">
		                	<div class="image-box">
		                    	<img src="img/i2-08.jpg" alt="Image-2">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-3">
		                	<div class="image-box">
		                    	<img src="img/i2-09.png" alt="Image-3">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		        </ul>
			<ul>
		        	<li class="li">
		            	<div class="port-7 effect-1">
		                	<div class="image-box">
		                    	<img src="img/i2-01.jpg" alt="Image-1">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-2">
		                	<div class="image-box">
		                    	<img src="img/i2-02.jpg" alt="Image-2">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-3">
		                	<div class="image-box">
		                    	<img src="img/i2-03.jpg" alt="Image-3">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		        </ul>
			<ul>
		        	<li class="li">
		            	<div class="port-7 effect-1">
		                	<div class="image-box">
		                    	<img src="img/i2-01.jpg" alt="Image-1">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-2">
		                	<div class="image-box">
		                    	<img src="img/i2-08.jpg" alt="Image-2">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		            <li class="li">
		            	<div class="port-7 effect-3">
		                	<div class="image-box">
		                    	<img src="img/i2-01.jpg" alt="Image-3">
		                    </div>
		                    <div class="text-desc">
		                    	<h3>Williams</h3>
		                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    	<a href="#" class="btn">Read full story</a>
		                    </div>
		                </div>
		            </li>
		        </ul>
			
			<div class="nav-right">
			<div><img src="img/DH.png"/></div>
			<div><img src="img/YJ2.png"/></div>
			<div><img src="img/freng.png"/></div>
			<div><img src="img/come.png"/></div>
		</div>
		</div>
		<div class="foorter">
			<div class="foorter-nav">
			<div class="copyright">
				Copyright © 2013 VISUAL Box. All Right Reserved
			</div>
			<div class="copyright2">
				<img src="img/02-01_07.png" />
			</div>
			</div>
		</div>		
	</body>

</html>